﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../../../DataUser/Style/ccbpm.css" rel="stylesheet" type="text/css" />
    <link href="../../../Scripts/easyUI145/themes/icon.css" rel="stylesheet" type="text/css" />
    <link href="../../../Scripts/easyUI145/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <script src="../../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="../../../Scripts/easyUI/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../../../Scripts/QueryString.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../../Scripts/config.js"></script>
    <script type="text/javascript" src="../../../Comm/Gener.js"></script>
    <script src="DDLBar.js" type="text/javascript"></script>
    <script src="../../CCFlowEnum.js" type="text/javascript"></script>
    <script src="../../../Scripts/EasyUIUtility.js" type="text/javascript"></script>
    <script src="../../../Scripts/vue.js" type="text/javascript"></script>
    <!-- 自己的系统风格统一. -->
    <link href="../../../Style/skin/adminfont/iconfont.css" rel="stylesheet" />
    <link href="../../../Style/skin/css/Default.css" rel="stylesheet" />
    <!-- 自己的系统风格统一end -->
</head>
<body>
    <form>
        <div id="App">
            <div id="bar"> </div>
            <h3>请选择一个人员字段 </h3>
            <fieldset>
                <legend>
                    <input type="radio" value="0" id="A5DataFrom_0" v-model="A5DataFrom" checked="checked" /> <label style="font-weight:bolder" for="A5DataFrom_0"> 主表字段</label>
                </legend>
                <div style="margin-top:15px">
                    请选择字段:
                    <select name="DDL_ByPreviousNodeFormEmpsField" id="DDL_ByPreviousNodeFormEmpsField" v-model="selectMapAttr">
                        <option :value="mapAttr.KeyOfEn" v-for="mapAttr in mapAttrs">{{mapAttr.Name}}</option>
                    </select>
                </div>

                <legend>
                    <input type="radio" value="0" id="A5DataFrom_1" v-model="A5DataFrom" /> <label style="font-weight:bolder" for="A5DataFrom_1"> 从表字段</label>
                </legend>
                选择从表:
                <select name="A5DataDtl" id="A5DataDtl" v-model="selectMapAttr">
                    <option :value="dtl.No" v-for="dtl in dtls">{{dtl.Name}}</option>
                </select>

                选择字段:
                <select name="DDL_DtlAttr" id="DDL_DtlAttr" v-model="selectMapAttr">
                    <option :value="mapAttr.KeyOfEn" v-for="mapAttr in mapDtlAttrs">{{mapAttr.Name}}</option>
                </select>

            </fieldset>

            <fieldset>
                <legend>字段是人员编号</legend>
                <ul>
                    <li>#### 帮助</li>
                    <li>- 该计算模式是按照表单字段中绑定的人员计算，人员集合是由表单字段中的内容确定的。</li>
                    <li>- 我们通常的做法是，把一个字段设置为小范围多选，或者Pop选择人员，在下一个节点按照这用户选择的人员集合作为接受人。</li>
                    <li>- 可以选择的字段，都是节点表单的字段。</li>
                    <li>- 如果表单中有字段，但在选择时没有显示，需要使用流程设计器的检查流程就可以显示出来。</li>
                </ul>
            </fieldset>
        </div>
        <script type="text/javascript">
            // 1. A5DataFrom  0=主表,1=从表.  A5DataDtl=ND101Dt1l
            // 说明：2023.7.1 为河南安防扩展，接受人按从表计算. 扩展:A5DataFrom 属性，默认为0， 兼容以前数据.  A5DataDtl=存储的从表名称.
            var Baseinfo = new Vue({
                el: '#App',
                data: {
                    deliverWay: DeliveryWay.ByPreviousNodeFormEmpsField,
                    sql: '',
                    nodeId: GetQueryString("FK_Node"),
                    mapAttrs: [],
                    dtls: [],
                    selectMapAttr: ''
                },
                created() {
                    InitBar(this.deliverWay);
                    var node = new Entity("BP.WF.Node", this.nodeId);
                    var A5DataFrom = node.GetPara("A5DataFrom"); //数据存储为位置.
                    if (A5DataFrom == null || A5DataFrom == undefined)
                        A5DataFrom = 0;

                    var A5DataDtl = node.GetPara("A5DataDtl"); //存储的从表.


                    var paras = node.DeliveryParas;
                    var FK_Flow = node.FK_Flow;
                    var FK_MapData = "ND" + parseInt(FK_Flow) + "Rpt";
                    var mapAttrs = new Entities("BP.Sys.MapAttrs", "FK_MapData", FK_MapData);

                    var dtls = new Entities("BP.Sys.MapDtls", "FK_MapData", FK_MapData);

                    this.mapAttrs = $.grep(mapAttrs, function (obj, i) {
                        return obj.UIVisible == 1;
                    })

                    //初始话下拉列表值
                    if (node.DeliveryWay == DeliveryWay.ByPreviousNodeFormEmpsField) {
                        if (paras != null && paras != "")
                            this.selectMapAttr = paras;
                    }
                }
            });
            function Save() {
                var node = new Entity("BP.WF.Template.NodeExt", Baseinfo.nodeId);
                node.DeliveryWay = Baseinfo.deliverWay;
                node.DeliveryParas = Baseinfo.selectMapAttr;
                node.Update();
            }
        </script>

    </form>
</body>
</html>
